<div>{{ 'PAC.Chat.NewCalculatedIndicator' | translate: {Default: 'New Calculated Indicator'} }}: </div>

<div class="line">
  <div class="w-20 shrink-0 mr-2">{{ 'PAC.KEY_WORDS.Name' | translate: {Default: 'Name'} }}:</div>
  <div>{{indicator().name}}</div>
</div>

<div class="line">
  <div class="w-20 shrink-0 mr-2">{{ 'PAC.KEY_WORDS.Code' | translate: {Default: 'Code'} }}:</div>
  <div>{{indicator().code}}</div>
</div>

<div class="line">
  <div class="w-20 shrink-0 mr-2">{{ 'PAC.KEY_WORDS.Formula' | translate: {Default: 'Formula'} }}:</div>
  <div class="px-2 py-1 rounded-md text-sm bg-gray-50 opacity-80 hover:opacity-100">{{indicator().formula}}</div>
</div>

@if (indicator().unit) {
  <div class="line">
    <div class="w-20 shrink-0 mr-2">{{ 'PAC.KEY_WORDS.Unit' | translate: {Default: 'Unit'} }}:</div>
    <div>{{indicator().unit}}</div>
  </div>
}

<div class="line">
  <div class="w-20 shrink-0 mr-2">{{ 'PAC.KEY_WORDS.Description' | translate: {Default: 'Description'} }}:</div>
  <div class="line-clamp-2 text-sm" [title]="indicator().description">{{indicator().description}}</div>
</div>
